<!DOCTYPE html>
<html>
<head><meta name="generator" content="Hexo 3.9.0">
  <meta charset="utf-8">
  
  <title>Category: Projects | Clover Tuan</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta property="og:type" content="website">
<meta property="og:title" content="Clover Tuan">
<meta property="og:url" content="https://clovertuan.github.io/categories/Projects/index.html">
<meta property="og:site_name" content="Clover Tuan">
<meta property="og:locale" content="default">
<meta name="twitter:card" content="summary">
<meta name="twitter:title" content="Clover Tuan">
  
  <link rel="stylesheet" href="/css/index.css">
</head>
</html>
<body style="


  background-color: #eff0f6

">
  <div id="container">
    <nav id="nav">
  <header class="header">
    <a href="/" class="title">Clover Tuan</a>
  </header>
  <div class="ctnWrap">
    <div class="icons">
      
        
          
            <a href="https://dribbble.com/clovertuan" target="_blank" class="nav-icn iconfont icon-dribbble"></a>
          
        
          
            <a href="https://www.behance.net/clovertuan" target="_blank" class="nav-icn iconfont icon-behance"></a>
          
        
          
            <a href="https://elsietuan.zcool.com.cn/" target="_blank" class="nav-icn iconfont icon-zcool"></a>
          
        
          
            <a href="http://clovertuan.lofter.com/" target="_blank" class="nav-icn iconfont icon-lofter"></a>
          
        
          
            <a href="https://www.instagram.com/clovertuan/" target="_blank" class="nav-icn iconfont icon-instagram"></a>
          
        
      
    </div>
    <div class="menu">
      
        
            <a href="/" class="nav-menu ">BLOG</a>
          
        
            <a href="/resume" class="nav-menu ">PORTFOLIO</a>
          
        
            <a href="/about" class="nav-menu ">ABOUT</a>
          
        
      
    </div>
  </div>
</nav>
    <div id="main">
  
    <div class="project-card project-card-continuous">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/qc-staff/qcstaff-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/10/13/qc-staff-app/" class="title">青橙健身管理App设计总结</a>
    <section class="desc">
  为健身从业者打造的平台，支持每个健身从业者的梦想！App Store、应用宝可搜索下载
</section>
    <p class="sub">Oct 13, 2018</p>
  </div>
</div>
  
    <div class="project-card project-card-continuous">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/web-guidelines/guidelines-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2018/10/08/qc-design-guidelines/" class="title">青橙Web端设计规范1.0设计总结</a>
    <section class="desc">
  记一次造轮子的经历
</section>
    <p class="sub">Oct 8, 2018</p>
  </div>
</div>
  
    <div class="project-card project-card-continuous">
  
    <div class="imgWrap">
      <img src="https://raw.githubusercontent.com/CloverTuan/Markdown_Images/master/QCWeb-redesign/qcweb-cover.png" alt="" />
    </div>
  
  <div class="ctnWrap">
    <a href="/2017/11/07/qcweb/" class="title">组件化的运用—健身房管理系统Web改版小结</a>
    <section class="desc">
  记「青橙健身房管理系统」的一次小改版
</section>
    <p class="sub">Nov 7, 2017</p>
  </div>
</div>
  


</div>
    <footer id="footer" class="f-cf">
  d.guangying@foxmail.com
  
    
      
        · <a href="https://dribbble.com/clovertuan" target="_blank" class="nav-icn">Dribbble</a>
      
    
      
        · <a href="https://www.behance.net/clovertuan" target="_blank" class="nav-icn">Behance</a>
      
    
      
        · <a href="https://elsietuan.zcool.com.cn/" target="_blank" class="nav-icn">Zcool</a>
      
    
      
        · <a href="http://clovertuan.lofter.com/" target="_blank" class="nav-icn">Lofter</a>
      
    
      
        · <a href="https://www.instagram.com/clovertuan/" target="_blank" class="nav-icn">Instagram</a>
      
    
  
  <span class="copyright">All rights reserved @Clover Tuan</span>
</footer>
  </div>
</body>
</html>